<template>
    <y-layout>

        <y-navbar slot="navbar" title="NavBar">
            <router-link to="/asidebar" slot="left">
                <y-navbar-back-icon></y-navbar-back-icon>
            </router-link>
        </y-navbar>

        <y-navbar title="NavBar1" class="demo-small-pitch"></y-navbar>

        <y-navbar title="NavBar2" class="demo-small-pitch">
            <router-link to="/asidebar" slot="left">
                <y-navbar-back-icon></y-navbar-back-icon>
            </router-link>

            <router-link to="/asidebar" slot="right">
                <y-navbar-next-icon></y-navbar-next-icon>
            </router-link>
        </y-navbar>

        <y-navbar class="demo-small-pitch">
            <router-link to="/asidebar" slot="left">
                <y-navbar-back-icon>返回</y-navbar-back-icon>
            </router-link>

            <img slot="center" src="http://static.ydcss.com/www/img/logo.png">

            <router-link to="/asidebar" slot="right">
                <y-navbar-next-icon>前进</y-navbar-next-icon>
            </router-link>
        </y-navbar>

        <y-navbar title="什么鬼，这个标题怎么那么长啊" class="demo-small-pitch">
            <router-link to="/asidebar" slot="left">
                <y-icon name="home-outline" size=".36rem" color="#666"></y-icon>
            </router-link>
            <router-link to="/asidebar" slot="right">
                <y-icon name="share1" size=".36rem" color="#666"></y-icon>
            </router-link>
            <router-link to="/asidebar" slot="right">
                <y-icon name="share1" size=".36rem" color="#666"></y-icon>
            </router-link>
            <router-link to="/asidebar" slot="right">
                <y-icon name="share1" size=".36rem" color="#666"></y-icon>
            </router-link>
        </y-navbar>

        <y-navbar title="Props可修改边框颜色啦~" class="demo-small-pitch" border-color="#337EF6" bgcolor="#FCCECD"></y-navbar>
    </y-layout>
</template>
